<!DOCTYPE html>
<html style="height:100%">
<head>
<meta charset="UTF-8">
<title>庭审直播</title>
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/easyui.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/color.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/icon.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/form.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/javascripts/layout/themes/default/css/ueditor.min.css'}">
</head>
<style>
	.titleli{
		border-bottom:1px solid #ccc;
		width:100%;
		text-decoration:none;
		line-height:30px;
		background-color:rgb(250, 250, 250);
		list-style:none;
		color:#6197cc !important;
		float:left;
	}
	.titlespan{
		font-size:12px;
		margin-left:10px;
		cursor:pointer;
		-moz-user-select:none;
	}
	.titleimg{
		float:right;
		margin-top:10px;
		margin-right:10px;
		cursor:pointer;
	}
	a{
		text-decoration:none;
		color:#6197cc;
	}
	ul{
		-webkit-padding-start: 0px;
		-moz-padding-start: 0px;
		padding:0px;
		margin:0px;
	}
	.active{
		background-color: #eceeed !important
	}
	.textarecss{
		background-color:rgb(250, 250, 250)
	}
	.textarecssword{
		background-color:rgb(250, 250, 250);
		/* border-width: 0px; */
	}
	.openMouseClass{
		cursor:pointer;
	}
	.colseMouseClass{
		cursor:not-allowed;
		color:#ffffff;
	}
</style>
<body class="zitifont">
<form action="@{CourtLiveController.courtExportWord}" method="post" id="exportCourt" >
	<input type="hidden" name="caseid" id="exportCaseid" value="${caseid}" />
	<input type="hidden" name="authenticityToken" id="authenticityToken" />
	<textarea id="exportHtml" name="html" style="display: none;" ></textarea>
</form>
	<div class="col-xs-12" id="courtTime">
		<div class="col-xs-3" style="float:right;margin-right:20px;margin-top:16px">
					<span id="hourtxt" style="font-size:18px;margin-left:15px">00</span>
					<span  style="font-size:18px;">:</span>
					<span id="minutetxt" style="font-size:18px;">00</span>
					<span  style="font-size:18px;">:</span>
					<span id="secondtxt" style="font-size:18px;">00</span>
		</div>
	</div>
	<div class="col-xs-12">
		<input type="hidden" id="courtid" value="${courtid}">
		<input type="hidden" id="caseid" value="${caseid}">
		<div class="col-xs-9">
			<div class="col-xs-11" style="padding-left:80px">
				<div class="col-xs-11 topcontrol" id="operButton">
					<span style="font-size:18px;color:#6197cc">庭审笔录</span>
					<input type="image" src="@{'/public/images/button_start_normal.png'}" style="margin-left:20px;" class="openMouseClass" id="startCourt" onclick="startCourt()" />
					<input type="image" src="@{'/public/images/button_paurse_normal.png'}" disabled="disabled" style="margin-left:20px;" class="colseMouseClass" id="paursecourt" onclick="paursecourt()" />
					<input type="image" src="@{'/public/images/button_stop_normal.png'}" disabled="disabled" style="margin-left:20px;" class="colseMouseClass" id="stopcourt" onclick="stopcourt()" />
					
					<div style="float:right;width:200px;text-align:right">
						<img src="@{'/public/images/icon_sysn.png'}" style="margin-right:10px;cursor:pointer;" onclick="saveCourt()" >
						<img src="@{'/public/images/icon_export.png'}" style="margin-right:10px;cursor:pointer;" onclick="exportCourt()">
						<img src="@{'/public/images/icon_print.png'}" style="margin-right:10px;cursor:pointer;" onclick="printCourt()">
						<input type="checkbox" id="isScroll" style="height:14px;width:14px;margin-top:20px">
						<span style="font-size:14px;color:#6197cc;padding-top:16px">修订模式</span>
					</div>
					
				</div>	
				<div class="col-xs-11" style="margin-top:10px" id="editDiv">
					<div class="col-xs-12">
						<script type="text/plain" id="myEditor" style="width:100%"></script>
					</div>
				</div>
			</div>
		</div>
		<div class="col-xs-3" style="min-height:300px">
			<div class="col-xs-12">
					<span class="col-xs-12" style="font-size:18px;width:120px;color:#6197cc;margin-top:15px">词条修正</span>
					<div class="col-xs-11 wordList" style="border:1px solid #D4D4D4;height:200px;overflow:auto;margin-top:10px;" >
						<ul class="shaixuan" >
							#{list items:words,as:"word"}
									<li class="titleli " >
										<span class="titlespan" onselectstart="return false;" ondblclick="changeContent('${word?.context}','${word?.casewordid}')">${word?.context}</span>
										<img src="@{'/public/images/icon_delete.png'}" class="titleimg" onclick="delkeyword('${word?.casewordid}')">
									</li>
							#{/list}
						</ul>
					</div>
					<div class="col-xs-11 wordText" style="margin-top:10px;" >
						<textarea  class="textarecssword" id="content" style="width:99.6%;font-size:16px;min-height:80px;resize:none;" placeholder="请输入个性化词汇"></textarea>
					</div>
					<img src="@{'/public/images/button_add_normal.png'}" class="col-xs-11 addbtn" style="margin-top:5px;cursor:pointer;" onclick="addWord()">
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="@{'/public/javascripts/layout/jquery-1.8.2.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/jquery.easyui.min.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/easyui-lang-zh_CN.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/Validator.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/common.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/dateFormat.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/ueditor.config.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/ueditor.all.min.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/ueditor.parse.min.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/CourtLiveController/courtLive.js'}"></script>
<script type="text/javascript">
	//计算高度
	var centerHeight=window.parent.getCenterHeight()-$("#courtTime").height()
						-$(".topcontrol").height()-90-$("#edui1_toolbarbox").height();
	$("#myEditor").css("height",centerHeight);
	
	var wordHeight=window.parent.getCenterHeight()-$(".wordText").height()-$(".addbtn").height()-90-$("#courtTime").height();
	$(".wordList").css("height",wordHeight);
	
	var $Path='${ctxPath}';
	var ue=UE.getEditor('myEditor',{
					toolbars:[['fullscreen','source','bold','fontfamily','fontsize','italic','underline', 'fontborder', 
					           'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify','forecolor', 'backcolor','rowspacingtop', 'rowspacingbottom', 'lineheight']],
					contextMenu:[
					              {
					                  label:'标注打点(F2)',
					                  cmdName:"anchor",//显示的名称
					                  //exec可选，有了exec就会在点击时执行这个function，优先级高于cmdName
					                  exec:function () {
					                  	this.execCommand("inserthtml","<a style='color:red;cursor:pointer'>|</a>&nbsp;");
					                  }
					              }
					  ],
					  initialStyle:'body{font-size:18px;background-color:#e7e7e7;font-family:FangSong}'
	});
	var status='${status}';
	var length='${length}';
</script>
</html>